<template>
    <page-body>
        <view class="page">
            <view class="flex align-stretch benben-position-layout flex legDdXq_flex_0" :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
                <view class='flex align-center justify-between flex-sub legDdXq_fd0_0'>
                    <view class='flex align-center legDdXq_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
                        <text class='fu-iconfont2  legDdXq_fd0_0_c0_c0'>&#xE794;</text>
                    </view>
                    <text class='legDdXq_fd0_0_c1'>订单详情</text>
                    <view class='flex align-center legDdXq_fd0_0_c0'>
                    </view>
                </view>

            </view>
            <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
            <!---flex布局flex布局开始-->
            <view class="flex  flex-wrap legDdXq_flex_1">
                <text class='legDdXq_fd1_0' v-if=" detail.status=='-1'">订单已取消</text>
                <text class='legDdXq_fd1_0' v-if=" detail.status=='1'">订单待接单</text>
                <text class='legDdXq_fd1_0' v-if=" detail.status=='4' && detail.pay_status== '1'">订单已完成</text>
                <text class='legDdXq_fd1_0' v-if=" detail.status=='4' && detail.pay_status== '0'">订单已完成待付款</text>
				 
                <view class='flex flex-wrap legDdXq_fd1_1'>
                    <!-- <button class='legDdXq_fd1_1_c0' @tap.stop="popupShow1716018397737=true" v-if="detail.status=='-1'">去付款</button> -->
                    <button class='legDdXq_fd1_1_c0' @tap.stop="popupShow1716018397737=true" v-if=" detail.status=='1'">取消订单</button>
                    <button class='legDdXq_fd1_1_c1' v-if=" detail.status=='1'"  @tap.stop="callMobile(kefu.tel)">联系客服</button>
					
                    <button class='legDdXq_fd1_1_c0' style="margin-bottom: 20rpx;"  @tap.stop="handleJumpDiy" data-type="navigateTo" 
					:data-url="`/pages/order/sqRefund/sqRefund?order_sn=${order_sn}&type=2`"
					 v-if="detail.status == 4 && detail.after_sale == 0 && detail.pay_status == '1'">申请售后</button>
					<button class='legDdXq_fd1_1_c0' style="margin-bottom: 20rpx;"  @tap.stop="handleJumpDiy" data-type="navigateTo" 
				:data-url="`/pages/order/refundXq/refundXq?order_sn=${order_sn}&type=${detail.order_type}`"
					 v-if="detail.status == 4 && detail.after_sale != 0">售后详情</button>
                    <button class='legDdXq_fd1_1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
				:data-url="`/pages/order/ptEvaluate/ptEvaluate?aid=${detail.aid}&user_id=${detail.rider_info.rider_id}&time=${detail.finish_time}`" v-if="detail.status == 4 && detail.is_evaluate == 0">去评价</button>
				<button class='legDdXq_fd1_1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
				:data-url="`/pages/order/ptEvaluate/ptEvaluate?aid=${detail.aid}&user_id=${detail.rider_info.rider_id}&time=${detail.finish_time}&rider_send_star=${detail.comment_info.rider_send_star}`" v-if="detail.status == 4 && detail.is_evaluate != 0">查看评价</button>
                    <button class='legDdXq_fd1_1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
					:data-url="`/pages/release/release/release?tabs=${detail.order_type}&id1=${detail.start_address_info.address_id}&id2=${detail.end_address_info.address_id}`" v-if="detail.status == 4">再来一单</button>
                    <button class='legDdXq_fd1_1_c0' @tap.stop="popupShow1716021075460=true" v-if="(detail.status == 4 && detail.pay_status== '1') || detail.status == -1">删除订单</button>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center legDdXq_fd2_0" v-if="detail.status == 2 || detail.status == 3">
                <!-- <image class='legDdXq_fd2_0'  mode="aspectFill"  :src='STATIC_URL+"61.png"'></image> -->
				<map style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>

            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_3" v-if="detail.status > 1">
                <view class='flex flex-direction flex-wrap align-stretch legDdXq_fd3_0' v-if=" detail.status!='4'">
                    <text class='legDdXq_fd3_0_c0' v-if=" detail.status=='2'">订单进行中待取货</text>
                    <text class='legDdXq_fd3_0_c0' v-if=" (detail.status=='5' || detail.status=='3') && detail.pay_status== '0'">订单进行中待支付</text>
                    <text class='legDdXq_fd3_0_c0' v-if=" (detail.status=='5' || detail.status=='3') && detail.pay_status== '1'">订单进行中已付款</text>
                    <text class='legDdXq_fd3_0_c1'>骑手正在给您配送，请耐心等待！</text>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd3_1' v-if="detail.rider_info">
                    <image class='legDdXq_fd3_1_c0' mode="aspectFill" :src='detail.rider_info.avatar'></image>
                    <view class='flex flex-direction flex-wrap align-stretch flex-sub legDdXq_fd3_1_c1'>
                        <view class='flex flex-wrap align-center legDdXq_fd3_1_c1_c0'>
                            <text class='legDdXq_fd3_1_c1_c0_c0'>{{detail.rider_name}}</text>
                            <view class='flex flex-wrap align-center'>
                                <template v-for="starNum in [1,2,3,4,5]">
                                    <image v-if="detail.rider_info.score >= starNum" :key="starNum" class='legDdXq_star1fd3_1_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"63.png"'></image>
                                    <image v-else :key="starNum" class='legDdXq_star1fd3_1_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"62.png"'></image>
                                </template>
                            </view>
                            <text class='legDdXq_fd3_1_c1_c0_c2'>{{detail.rider_info.score}}</text>
                            <text class='legDdXq_fd3_1_c1_c0_c3'>分</text>
                        </view>
                        <view class='flex flex-wrap align-center'>
                            <text class='legDdXq_fd3_0_c1'>已接</text>
                            <text class='legDdXq_fd3_0_c1'>{{detail.rider_info.order_number}}</text>
                            <text class='legDdXq_fd3_0_c1'>单</text>
                        </view>
                    </view>
                    <image class='legDdXq_fd3_1_c2' mode="aspectFit" :src='STATIC_URL+"174.png"' @tap.stop="callMobile(detail.rider_info.phone)"></image>
                </view>
                <view class='flex flex-wrap align-center'>
                    <button class='legDdXq_fd3_2_c0' v-if="(detail.status=='3' && detail.pay_status == '0') || (detail.status=='4' && detail.pay_status == '0')" @tap.stop="zhifu">立即付款</button>
					<!-- @tap.stop="handleJumpDiy" data-type="navigateTo"
									:data-url="`/pages/inSchool/cashier/cashier?money=${detail.order_money}&order_sn=${detail.order_sn}&type=2`" -->
                    <button class='legDdXq_fd3_2_c1' v-if="detail.status == 2 && !detail.pick_time" @tap.stop="popupShow1716018397737=true">取消订单</button>
                    <button class='legDdXq_fd3_2_c1' @tap.stop="callMobile(kefu.tel)">联系客服</button>
					
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd3_3' v-if="detail.freigh && detail.freigh > 0">
                    <text class='legDdXq_fd3_3_c0'>骑手报价</text>
                    <text class='legDdXq_fd3_3_c1'>￥</text>
                    <text class='legDdXq_fd3_3_c2'>{{detail.freigh}}</text>
                </view>
				<view class='flex flex-wrap align-center legDdXq_fd3_3' v-else>
				    <text class='legDdXq_fd3_3_c0'>待骑手报价</text>
				</view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center detailsDd_flex_7" v-if="detail.is_delay == '1'" @tap.stop="handleJumpDiy" data-type="navigateTo"
				:data-url="`/pages/order/delayed/delayed?aid=${detail.delay_aid}`">
			    <text class='detailsDd_fd7_0'>骑手已申请延时，请</text>
			    <text class='detailsDd_fd7_1'>查看</text>
			    <image class='detailsDd_fd7_2' mode="aspectFit" :src='STATIC_URL+"65.png"'></image>
			</view>
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_4" v-if="detail.pick_images || detail.finish_image.length > 0">
                <view class='flex flex-wrap align-center legDdXq_fd4_0'>
                    <text class='legDdXq_fd4_0_c0'>骑手打卡信息</text>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd4_1' v-if="detail.pick_images">
                    <text class='self-start legDdXq_fd4_1_c0'>取货打卡</text>
                    <view class='flex flex-wrap align-center justify-end flex-sub'>
                        <view class='flex flex-wrap align-center legDdXq_fd4_1_c1_c0'>
                            <image class='legDdXq_fd4_1_c1_c0_c0' mode="aspectFill" :src='detail.pick_images' @tap.stop="singleImagePreview(detail.pick_images)"></image>
                        </view>
                    </view>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd4_2' v-if="detail.finish_image.length > 0">
                    <text class='self-start legDdXq_fd4_1_c0'>送达打卡</text>
                    <view class='flex flex-wrap align-center justify-end flex-sub'>
						<template v-for='(item,key0) in detail.finish_image'>
                        <view class='flex flex-wrap align-center legDdXq_fd4_1_c1_c0' @tap.stop="multiImagePreview(item,detail.finish_image,'')">
                            <image class='legDdXq_fd4_1_c1_c0_c0' mode="aspectFill" :src='item'></image>
                        </view>
						</template>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_5">
                <view class='flex flex-wrap align-center legDdXq_fd5_0'>
                    <button class='legDdXq_fd5_0_c0' v-if=" detail.order_type=='1'">快递代取</button>
					<button class='legDdXq_fd5_0_c0_1' v-if=" detail.order_type=='2'">外卖代取</button>
					<button class='legDdXq_fd5_0_c0_2' v-if=" detail.order_type=='3'">校园跑腿</button>
                </view>
                <view class='flex flex-wrap align-center'>
                    <view class='flex flex-direction flex-wrap align-center legDdXq_fd5_1_c0'>
                        <view class='flex flex-wrap align-center self-center legDdXq_fd5_1_c0_c0'>
                            <text class='legDdXq_fd5_1_c0_c0_c0'>取</text>
                        </view>
                        <image class='legDdXq_fd5_1_c0_c1' mode="aspectFit" :src='STATIC_URL+"55.jpg"'></image>
                        <view class='flex flex-wrap align-center self-center legDdXq_fd5_1_c0_c2'>
                            <text class='legDdXq_fd5_1_c0_c0_c0'>收</text>
                        </view>
                    </view>
                    <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                        <view class='flex flex-direction flex-wrap align-stretch legDdXq_fd5_1_c1_c0'>
                            <text class='legDdXq_fd5_1_c1_c0_c0'>{{detail.start_address_info.detail}}</text>
                            <view class='flex flex-wrap align-center legDdXq_fd5_1_c1_c0_c1'>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c0'>{{detail.start_address_info.name}}</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c1'>（</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c1' v-if=" detail.start_address_info.sex=='2'">女士</text><text class='legDdXq_fd5_1_c1_c0_c1_c1' v-if=" detail.start_address_info.sex=='1'">先生</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c3'>）</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c1'>{{detail.start_address_info.mobile}}</text>
                            </view>
                        </view>
                        <view class='flex flex-direction flex-wrap align-stretch legDdXq_fd5_1_c1_c1'>
                            <text class='legDdXq_fd5_1_c1_c0_c0'>{{detail.end_address_info.detail}}</text>
                            <view class='flex flex-wrap align-center legDdXq_fd5_1_c1_c0_c1'>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c0'>{{detail.end_address_info.name}}</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c1'>（</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c1' v-if=" detail.end_address_info.sex=='2'">女士</text><text class='legDdXq_fd5_1_c1_c0_c1_c1' v-if=" detail.end_address_info.sex=='1'">先生</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c3'>）</text>
                                <text class='legDdXq_fd5_1_c1_c0_c1_c1'>{{detail.end_address_info.mobile}}</text>
                            </view>
                        </view>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_6">
                <view class='flex flex-wrap align-center legDdXq_fd6_0'>
                    <text class='legDdXq_fd6_0_c0'>描述信息</text>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd6_1'>
                    <text class='legDdXq_fd6_1_c0'>是否上楼</text>
                    <text class='legDdXq_fd6_1_c1'>{{detail.is_come_up_name}}</text>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd6_2'>
                    <text class='legDdXq_fd6_2_c0' v-if="detail.order_type == 3">商品图片</text>
                    <text class='legDdXq_fd6_2_c0' v-if="detail.order_type == 2 || detail.order_type == 1">订单截图</text>
                    <view class='flex flex-wrap align-center justify-end flex-sub'>
                        <template v-for='(item,key0) in detail.order_images'>
                            <view class='flex flex-wrap align-center legDdXq_fd6_2_c1_c0' :key='key0'>
                                <image class='legDdXq_fd6_2_c1_c0_c0' mode="aspectFill" :src='item' @tap.stop="multiImagePreview(item,detail.order_images,'')"></image>
                            </view>
                        </template>
                    </view>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd6_1'>
                    <text class='legDdXq_fd6_1_c0'>希望送达时间</text>
                    <text class='legDdXq_fd6_1_c1'>{{detail.expected_time}}</text>
                </view>
                <view class='flex flex-wrap align-center legDdXq_fd6_1' v-if=" detail.remark">
                    <text class='self-start legDdXq_fd6_1_c0'>备注</text>
                    <text class='flex-sub legDdXq_fd6_4_c1'>{{detail.remark}}</text>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_7" v-if="detail.status >= 3">
                    <view class='flex flex-direction flex-wrap align-stretch legDdXq_fd7_0'>
						<view class='flex flex-wrap align-center legDdXq_fd7_0_c0'>
							<text class='legDdXq_fd7_0_c0_c0'>报价信息</text>
						</view>
						<view class='flex flex-wrap align-center legDdXq_fd7_0_c1' v-if="!detail.floor">
							<text class='legDdXq_fd7_0_c1_c0'>是否上楼</text>
							<text class='legDdXq_fd7_0_c1_c1'>否</text>
						</view>
						<view class='flex flex-wrap align-center legDdXq_fd7_0_c1' v-if="detail.floor">
							<text class='legDdXq_fd7_0_c1_c0'>送达楼层</text>
							<text class='legDdXq_fd7_0_c1_c1'>{{detail.floor}}</text>
							<!-- <text class='legDdXq_fd7_0_c1_c1'>楼</text> -->
						</view>
						<view class='flex flex-wrap align-center legDdXq_fd7_0_c1'>
							<text class='legDdXq_fd7_0_c1_c0'>货品大小</text>
							<text class='legDdXq_fd7_0_c1_c1'>{{detail.goods_str}}</text>
						</view>
						<view class='flex flex-wrap align-center legDdXq_fd7_0_c1'>
							<text class='legDdXq_fd7_0_c3_c0'>费用价格</text>
							<text class='legDdXq_fd7_0_c3_c1'>￥</text>
							<text class='legDdXq_fd7_0_c3_c2'>{{detail.order_money}}</text>
						</view>
					</view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_8">
                <view class='flex flex-direction flex-wrap align-stretch legDdXq_fd8_0'>
                    <view class='flex flex-wrap align-center legDdXq_fd8_0_c0'>
                        <text class='legDdXq_fd8_0_c0_c0'>订单信息</text>
                    </view>
                    <view class='flex flex-wrap align-stretch legDdXq_fd8_0_c1'>
                        <text class='legDdXq_fd8_0_c1_c0'>订单编号</text>
                        <text class='legDdXq_fd8_0_c1_c1'>{{detail.order_sn}}</text>
                        <text class='legDdXq_fd8_0_c1_c2' @tap.stop="copyText(detail.order_sn)">复制</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-between legDdXq_fd8_0_c2'>
                        <text class='legDdXq_fd8_0_c2_c0'>下单时间</text>
                        <text class='legDdXq_fd8_0_c2_c1'>{{detail.create_time}}</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-between legDdXq_fd8_0_c2' v-if="detail.pay_time">
                        <text class='legDdXq_fd8_0_c2_c0'>支付时间</text>
                        <text class='legDdXq_fd8_0_c2_c1'>{{detail.pay_time}}</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-between legDdXq_fd8_0_c2' v-if="detail.pay_type">
                        <text class='legDdXq_fd8_0_c2_c0'>支付方式</text>
						<text class='legDdXq_fd8_0_c2_c1' v-if=" detail.pay_type=='1'">微信支付</text>
						<text class='legDdXq_fd8_0_c2_c1' v-if=" detail.pay_type=='2'">余额支付</text>
						<text class='legDdXq_fd8_0_c2_c1' v-if=" detail.pay_type=='3'">余额+微信支付</text>
                    </view>
                    <view class='flex flex-wrap align-center legDdXq_fd8_0_c5' v-if="detail.order_money > 0">
                        <text class='legDdXq_fd8_0_c2_c0' v-if="detail.pay_status == 0">应付金额</text>
                        <text class='legDdXq_fd8_0_c2_c0' v-if="detail.pay_status == 1">实付金额</text>
                        <text class='legDdXq_fd8_0_c5_c2'>￥</text>
                        <text class='legDdXq_fd8_0_c2_c1'>{{detail.order_money}}</text>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <benben-popup v-model="popupShow1716021075460" :mask="true" :mask-close-able="true" mode='center'>
                <!---删除订单弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_9">
                    <text class='legDdXq_fd9_0'>提示</text>
                    <text class='legDdXq_fd9_1'>确定要删除订单吗？</text>
                    <view class='flex flex-wrap align-center'>
                        <button class='legDdXq_fd9_2_c0' @tap.stop="popupShow1716021075460=false">取消</button>
                        <button class='legDdXq_fd9_2_c1' @tap.stop="post66714a3dd6129">确认</button>
                    </view>
                </view>

                <!---删除订单弹窗flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1716018397737" :mask="true" :mask-close-able="true" mode='center'>
                <!---取消订单弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout legDdXq_flex_10">
                    <text class='legDdXq_fd10_0'>提示</text>
                    <text class='legDdXq_fd10_1'>确定要取消订单吗？</text>
                    <view class='flex flex-wrap align-center'>
                        <button class='legDdXq_fd10_2_c0' @tap.stop="popupShow1716018397737=false">取消</button>
                        <button class='legDdXq_fd10_2_c1' @tap.stop="post66702f70e1272">确认</button>
                    </view>
                </view>

                <!---取消订单弹窗flex布局结束-->

            </benben-popup>


        </view>
    </page-body>
</template>
<script>
    import {
        validate
    } from '@/common/utils/validate.js'

    export default {
        components: {},


        data() {
            return {
                "popupShow1716018397737": false,
                "popupShow1716021075460": false,
                "detail": {
                    "aid": "",
                    "order_sn": "",
                    "order_type": "",
                    "rider_name": "",
                    "user_nickname": "",
                    "status": "",
                    "order_money": "",
                    "order_images": [],
                    "expected_time": "",
                    "forecast_time": "",
                    "freigh": "",
                    "real_money": "",
                    "take_time_rider": "",
                    "pick_time": "",
                    "pick_images": "",
                    "is_come_up": "",
                    "floor": "",
                    "goods_json": "",
                    "finish_time": "",
                    "pay_type": "",
                    "pay_time": "",
                    "after_sale": "",
                    "rider_profits": "",
                    "store_profits": "",
                    "platform_profits": "",
                    "remark": "",
                    "cancel_time": "",
                    "cancel_type": "",
                    "create_time": "",
                    "user_id": "",
                    "rider_id": "",
                    "order_type_name": "",
                    "status_name": "",
                    "is_come_up_name": "",
                    "pay_type_name": "",
                    "after_sale_name": "",
                    "start_address_info": {
                        "order_sn": "",
                        "address_id": "",
                        "detail": "",
                        "name": "",
                        "mobile": "",
                        "sex": "",
                        "sex_name": ""
                    },
                    "end_address_info": {
                        "order_sn": "",
                        "address_id": "",
                        "detail": "",
                        "name": "",
                        "mobile": "",
                        "sex": "",
                        "sex_name": ""
                    },
                    "goods_str": "",
                    "goods_arr": [],
                    "finish_image": [],
                    "income": "",
                    "rider_info": {
                        "rider_id": "",
                        "user_id": "",
                        "score": "",
                        "avatar": "",
                        "good_rate": "",
                        "order_number": ""
                    },
                    "kefu_tel": "",
                    "pay_status": "",
                    "cancel_log": {
                        "aid": "",
                        "cancel_time": "",
                        "user_id": "",
                        "rider_id": "",
                        "cancel_role": "",
                        "cancel_reason": ""
                    },
                    "is_delay": "",
                    "delay_aid": ""
                },
                "order_sn": "",
				postType:false,
				kefu:'',
				covers:[],
				latitude:'',
				longitude:'',
			
            };
        },
        computed: {

        },
        watch: {},
        onLoad(options) {
            let {
                order_sn
            } = options
            if (order_sn !== undefined) this.order_sn = order_sn
			this.gethk673ead3a1831Func()
        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {
            this.getfa66fe97a89002Func()
        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {
			this.gethk673ead3a1831Func()
			this.getfa66fe97a89002Func()
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 1000);
        },
        onReachBottom(e) {

        },
        onPageScroll(e) {

        },
        methods: {
			async zhifu(){
				let res = await this.$api.post(global.apiUrls.post66a7441b16125,{order_sn:this.order_sn});
				if (res.data.code != 1) {
				    this.$message.info(res.data.msg);
				    return
				}
				let dats = res.data.data
				// 是否开始自动支付
				if(dats.pay_status == 1){
					this.$urouter.navigateTo(`/pages/inSchool/payResult/payResult?money=${dats.payable_money}&pay_id=3&type=2`);
				}else{
					uni.navigateTo({
						url: `/pages/inSchool/cashier/cashier?money=${res.data.data.payable_money}&order_sn=${res.data.data.order_sn}&type=2&countdown=${dats.surplus_time || ''}`
					});
				}
			},
			
			//查询系统配置（客服背景图、客服电话，客服服务时间）
			async gethk673ead3a1831Func() {
			    let datadetail = await this.$api.get(global.apiUrls.post6673ead3a1831);
			    if (datadetail.data.code != 1) {
			        this.$message.info(datadetail.data.msg);
			        return
			    }
			    let infodetail = datadetail.data;
			    this.kefu = infodetail.data
			},
			// 取消订单
			async post66702f70e1272(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post66702f70e1272, {
					order_sn:this.detail.order_sn,
					cancel_role:1,
				});
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.popupShow1716018397737 = false
				this.$message.info('取消成功！');
				this.getfa66fe97a89002Func()
				this.postType = false
			},
			async post66714a3dd6129(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post66714a3dd6129, {
					order_sn:this.detail.order_sn,
					user_role:1,
				});
				    this.$message.info(datauser.data.msg);
				if (datauser.data.code != 1) {
					this.postType = false
				    return
				}
				this.$message.info('删除成功！');
				setTimeout(() => {
				    this.$urouter.navigateBack(1);
				}, 500)
			},
            //查询跑腿订单详情
            async getfa66fe97a89002Func() {
                //请求方法
                //数据验证

                let datadetail = await this.$api.get(global.apiUrls.post666fe97a89002, {
                    order_sn: this.order_sn
                });

                if (datadetail.data.code != 1) {
                    this.$message.info(datadetail.data.msg);
                    return
                }
                let infodetail = datadetail.data;
                this.detail = infodetail.data
					this.covers = []
				if(this.detail.rider_info && this.detail.rider_info.rider_id){
					this.latitude = Number(this.detail.rider_info.lat)
					this.longitude = Number(this.detail.rider_info.lng)
					let page = {
						latitude: Number(this.detail.rider_info.lat),
						longitude: Number(this.detail.rider_info.lng),
						iconPath: 'https://yunshangxiaoyuans.oss-cn-beijing.aliyuncs.com/mini/images/177.png',
						width: 30, 
						height: 30, 
					}
					this.covers.push(page)
					console.log(this.covers,page,'执行了吧12231')
				}
				// console.log(this.detail,'参数')

            }
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--window-bottom));
        background: url(image-path('59.png')) no-repeat;
        background-size: 100% auto;
    }

    .legDdXq_flex_0 {
        background: url(image-path('59.png')) no-repeat;
        width: 750rpx;
        height: 88rpx;
        overflow: hidden;
        z-index: 10;
        top: 0rpx;
        background-size: 100% auto !important;
    }

    .legDdXq_fd0_0_c1 {
        font-size: 36rpx;
        font-weight: 500;
        color: var(--benbenFontColor3);
    }

    .legDdXq_fd0_0_c0_c0 {
        font-size: 32rpx;
        font-weight: 500;
        color: var(--benbenFontColor3);
    }

    .legDdXq_fd0_0_c0 {
        width: 180rpx;
        height: 88rpx;
    }

    .legDdXq_fd0_0 {
        padding: 0rpx 32rpx 0rpx 32rpx;
        height: 88rpx;
    }

    .legDdXq_flex_1 {
        padding: 0rpx 24rpx 20rpx 24rpx;
    }

    .legDdXq_fd1_1_c1 {
        background: #FFFFFF;
        border-radius: 50rpx 50rpx 50rpx 50rpx;
        width: 170rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor4);
        height: 60rpx;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .legDdXq_fd1_1_c0 {
        border: 1px solid var(--benbenbdColor1);
        background: rgba(255, 255, 255, 0);
        border-radius: 50rpx 50rpx 50rpx 50rpx;
        width: 150rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor3);
        height: 60rpx;
        background-size: 100% auto;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .legDdXq_fd1_1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #fff;
		margin: 0 0 0 auto;
    }

    .legDdXq_fd1_0 {
        font-size: 32rpx;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 45rpx;
        margin: 0rpx 0rpx 20rpx 0rpx;
    }

    .legDdXq_fd2_0 {
        width: 750rpx;
        height: 500rpx;
    }

    .legDdXq_flex_3 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 0rpx 24rpx 32rpx 24rpx;
    }

    .legDdXq_fd3_3_c2 {
        color: #FF8E21;
        font-size: 32rpx;
        font-weight: 700;
        line-height: 40rpx;
    }

    .legDdXq_fd3_3_c1 {
        color: #FF8E21;
        font-size: 24rpx;
        font-weight: 700;
        line-height: 40rpx;
    }

    .legDdXq_fd3_3_c0 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        margin: 0rpx 8rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_3 {
        margin: 32rpx 0rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_2_c1 {
        background: #F6F7F9;
        border-radius: 28rpx 28rpx 28rpx 28rpx;
        width: 144rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor0);
        height: 56rpx;
        background-size: 100% auto;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_2_c0 {
        background: var(--benbenbgColor0);
        border-radius: 28rpx 28rpx 28rpx 28rpx;
        width: 144rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor3);
        height: 56rpx;
        background-size: 100% auto;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_1_c2 {
        width: 40rpx;
        height: 40rpx;
    }

    .legDdXq_fd3_1_c1_c0_c3 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        text-align: left;
        font-style: normal;
    }

    .legDdXq_fd3_1_c1_c0_c2 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        text-align: left;
        font-style: normal;
        margin: 0rpx 0rpx 0rpx 10rpx;
    }

    .legDdXq_star1fd3_1_c1_c0_c1 {
        height: 26rpx;
        margin: 0rpx 5rpx 0rpx 0rpx;
        width: 26rpx;
    }

    .legDdXq_star1fd3_1_c1_c0_c1 {
        width: 26rpx;
        height: 26rpx;
        margin: 0rpx 5rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_1_c1_c0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 45rpx;
        margin: 0rpx 15rpx 0rpx 0rpx;
        max-width: 220rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .legDdXq_fd3_1_c1_c0 {
        margin: 0rpx 0rpx 14rpx 0rpx;
    }

    .legDdXq_fd3_1_c1 {
        margin: 0rpx 20rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_1_c0 {
        width: 120rpx;
        height: 120rpx;
        border-radius: 60rpx;
        margin: 0rpx 16rpx 0rpx 0rpx;
    }

    .legDdXq_fd3_1 {
        margin: 32rpx 0rpx 32rpx 0rpx;
    }

    .legDdXq_fd3_0_c1 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }

    .legDdXq_fd3_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 45rpx;
        margin: 0rpx 0rpx 10rpx 0rpx;
    }

    .legDdXq_fd3_0 {
        margin: 30rpx 0rpx 0rpx 0rpx;
    }

    .legDdXq_flex_4 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .legDdXq_fd4_2 {
        margin: 0rpx 24rpx 0rpx 24rpx;
    }

    .legDdXq_fd4_1_c1_c0_c0 {
        width: 120rpx;
        height: 120rpx;
        border-radius: 16rpx;
    }

    .legDdXq_fd4_1_c1_c0 {
        margin: 0rpx 0rpx 32rpx 16rpx;
    }

    .legDdXq_fd4_1_c0 {
        margin: 0rpx 32rpx 0rpx 0rpx;
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }

    .legDdXq_fd4_1 {
        margin: 32rpx 24rpx 0rpx 24rpx;
    }

    .legDdXq_fd4_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 600;
        line-height: 45rpx;
    }

    .legDdXq_fd4_0 {
        border-bottom: 1px solid #eee;
        padding: 24rpx 24rpx 24rpx 24rpx;
    }

    .legDdXq_flex_5 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 0rpx 32rpx 0rpx 32rpx;
    }

    .legDdXq_fd5_1_c1_c1 {
        padding: 24rpx 0rpx 24rpx 0rpx;
    }

    .legDdXq_fd5_1_c1_c0_c1_c3 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 500;
        line-height: 33rpx;
        margin: 0rpx 5rpx 0rpx 0rpx;
    }

    .legDdXq_fd5_1_c1_c0_c1_c1 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 500;
        line-height: 33rpx;
    }

    .legDdXq_fd5_1_c1_c0_c1_c0 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 500;
        line-height: 33rpx;
        max-width: 200rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .legDdXq_fd5_1_c1_c0_c1 {
        margin: 16rpx 0rpx 0rpx 0rpx;
    }

    .legDdXq_fd5_1_c1_c0_c0 {
        color: #000000;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .legDdXq_fd5_1_c1_c0 {
        border-bottom: 1px solid #eee;
        padding: 24rpx 0rpx 24rpx 0rpx;
    }

    .legDdXq_fd5_1_c0_c2 {
        background: url(image-path('54.png')) no-repeat;
        background-size: 100% auto;
    }

    .legDdXq_fd5_1_c0_c1 {
        width: 8rpx;
        height: 32rpx;
        margin: 40rpx 0rpx 40rpx 0rpx;
    }

    .legDdXq_fd5_1_c0_c0_c0 {
        color: #FFFFFF;
        font-size: 22rpx;
        font-weight: 700;
        line-height: 30rpx;
        padding: 5rpx 9rpx 13rpx 9rpx;
    }

    .legDdXq_fd5_1_c0_c0 {
        background: url(image-path('53.png')) no-repeat;
        background-size: 100% auto;
    }

    .legDdXq_fd5_1_c0 {
        margin: 0rpx 40rpx 0rpx 0rpx;
    }

    .legDdXq_fd5_0_c0_2 {
        background: rgba(22, 158, 240, 1);
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: #fff;
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
    }

    .legDdXq_fd5_0_c0_1 {
        background: rgba(52, 187, 52, 1);
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: #fff;
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
    }

    .legDdXq_fd5_0_c0 {
        background: var(--benbenbgColor0);
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: #fff;
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
    }

    .legDdXq_fd5_0 {
        margin: 24rpx 0rpx 0rpx 0rpx;
    }

    .legDdXq_flex_6 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .legDdXq_fd6_4_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        text-align: right;
        margin: 0rpx 0rpx 0rpx 20rpx;
    }

    .legDdXq_fd6_2_c1_c0_c0 {
        width: 88rpx;
        height: 88rpx;
        border-radius: 16rpx;
    }

    .legDdXq_fd6_2_c1_c0 {
        margin: 0rpx 0rpx 16rpx 16rpx;
		border: 1px solid #999;
		padding: 6rpx;
		border-radius: 16rpx;
    }

    .legDdXq_fd6_2_c0 {
        margin: 0rpx 32rpx 0rpx 0rpx;
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }

    .legDdXq_fd6_2 {
        margin: 0rpx 24rpx 16rpx 24rpx;
    }

    .legDdXq_fd6_1_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .legDdXq_fd6_1_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx auto 0rpx 0rpx;
    }

    .legDdXq_fd6_1 {
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .legDdXq_fd6_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 600;
        line-height: 45rpx;
    }

    .legDdXq_fd6_0 {
        border-bottom: 1px solid #eee;
        padding: 24rpx 24rpx 24rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .legDdXq_flex_7 {
        padding: 0rpx 24rpx 0rpx 24rpx;
        margin: 0rpx 0rpx 24rpx 0rpx;
    }

    .legDdXq_fd7_0_c3_c2 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
    }

    .legDdXq_fd7_0_c3_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
        margin: 0rpx 0rpx 0rpx auto;
    }

    .legDdXq_fd7_0_c3_c0 {
        margin: 0rpx 40rpx 0rpx 0rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
    }

    .legDdXq_fd7_0_c1_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .legDdXq_fd7_0_c1_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx auto 0rpx 0rpx;
    }

    .legDdXq_fd7_0_c1 {
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .legDdXq_fd7_0_c0_c0 {
        font-size: 32rpx;
        font-weight: 600;
        color: #333333;
        line-height: 45rpx;
    }

    .legDdXq_fd7_0_c0 {
        border-bottom: 1px solid #eee;
        padding: 32rpx 24rpx 24rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .legDdXq_fd7_0 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .legDdXq_flex_8 {
        padding: 0rpx 24rpx 0rpx 24rpx;
        margin: 0rpx 0rpx 24rpx 0rpx;
    }

    .legDdXq_fd8_0_c5_c2 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
        margin: 0rpx 0rpx 0rpx auto;
    }

    .legDdXq_fd8_0_c5 {
        margin: 0rpx 24rpx 0rpx 24rpx;
    }

    .legDdXq_fd8_0_c2_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
    }

    .legDdXq_fd8_0_c2_c0 {
        margin: 0rpx 40rpx 0rpx 0rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
    }

    .legDdXq_fd8_0_c2 {
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .legDdXq_fd8_0_c1_c2 {
        font-size: 24rpx;
        font-weight: 400;
        color: rgba(60, 158, 255, 1);
        line-height: 33rpx;
    }

    .legDdXq_fd8_0_c1_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        margin: 0rpx 16rpx 0rpx 40rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-height: 40rpx;
        text-align: right;
        font-style: normal;
    }

    .legDdXq_fd8_0_c1_c0 {
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        margin: 0rpx auto 0rpx 0rpx;
        line-height: 40rpx;
    }

    .legDdXq_fd8_0_c1 {
        line-height: 34rpx;
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .legDdXq_fd8_0_c0_c0 {
        font-size: 32rpx;
        font-weight: 600;
        color: #333333;
        line-height: 45rpx;
    }

    .legDdXq_fd8_0_c0 {
        border-bottom: 1px solid #eee;
        padding: 32rpx 24rpx 24rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .legDdXq_fd8_0 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 0rpx 0rpx 32rpx 0rpx;
    }

    .legDdXq_flex_9 {
        background: #fff;
        width: 540rpx;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .legDdXq_fd9_2_c1 {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 16rpx 0rpx;
        font-size: 32rpx;
        color: var(--benbenFontColor4);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .legDdXq_fd9_2_c0 {
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 0rpx 16rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .legDdXq_fd9_1 {
        line-height: 45rpx;
        font-size: 28rpx;
        font-weight: 500;
        color: #333333;
        margin: 0rpx 0rpx 38rpx 0rpx;
        text-align: center;
    }

    .legDdXq_fd9_0 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 400;
        color: #333333;
        margin: 40rpx 0rpx 36rpx 0rpx;
        text-align: center;
    }

    .legDdXq_flex_10 {
        background: #fff;
        width: 540rpx;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .legDdXq_fd10_2_c1 {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 16rpx 0rpx;
        font-size: 32rpx;
        color: var(--benbenFontColor4);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .legDdXq_fd10_2_c0 {
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 0rpx 16rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .legDdXq_fd10_1 {
        line-height: 40rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        text-align: center;
        margin: 0rpx 0rpx 40rpx 0rpx;
    }

    .legDdXq_fd10_0 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        text-align: center;
        margin: 40rpx 0rpx 40rpx 0rpx;
    }
	.detailsDd_flex_7 {
	    background: var(--benbenbgColor1);
	    margin: 0rpx 24rpx 24rpx 24rpx;
	    background-size: 100% auto;
	    border-radius: 16rpx;
	    padding: 24rpx 24rpx 24rpx 24rpx;
	}
	.detailsDd_fd7_2 {
	    width: 11rpx;
	    height: 19rpx;
	    border-radius: 0rpx 0rpx 0rpx 0rpx;
	    margin: 0rpx 0rpx 0rpx 10rpx;
	}
	
	.detailsDd_fd7_1 {
	    color: #169EF0;
	    font-size: 26rpx;
	    font-weight: 400;
	    line-height: 37rpx;
	}
	
	.detailsDd_fd7_0 {
	    color: var(--benbenFontColor0);
	    font-size: 26rpx;
	    font-weight: 400;
	    line-height: 37rpx;
	}
</style>